<template>
  <el-dialog
    title="销售出库信息"
    :visible.sync="dialogVisible"
    width="60%"
    :before-close="handleClose">
    <el-form ref="ruleFormDialog" :model="ruleFormDialog" label-width="130px">
      <el-row>
        <el-col>出库信息{{ ruleFormDialog && ruleFormDialog.code }}</el-col>
      </el-row>
      <el-divider content-position="center"></el-divider>
      <el-row>
        <el-col :span="6">
          <el-form-item label="销售门店:">
            <span>{{ ruleFormDialog && ruleFormDialog.storeName }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="新车单号:">
            <span>{{ ruleFormDialog && ruleFormDialog.xcCode }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="车架号:">
            <span>{{ ruleFormDialog && ruleFormDialog.vin }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="销售人:">
            <span>{{ ruleFormDialog && ruleFormDialog.sellUserName }}</span>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6">
          <el-form-item label="品 牌:">
            <span>{{ ruleFormDialog && ruleFormDialog.carBrandName }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="车 系:">
            <span>{{ ruleFormDialog && ruleFormDialog.carSeriesName }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="车 型:">
            <span>{{ ruleFormDialog && ruleFormDialog.carModelName }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="销售价格:">
            <span>{{ ruleFormDialog && ruleFormDialog.amount }}</span>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6">
          <el-form-item label="车身颜色:">
            <span>{{ ruleFormDialog && ruleFormDialog.outColor }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="内饰颜色:">
            <span>{{ ruleFormDialog && ruleFormDialog.inColor }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="车顶颜色:">
            <span>{{ ruleFormDialog && ruleFormDialog.roofColor }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="前装及价格明细:">
            <span>{{ ruleFormDialog && ruleFormDialog.status1 }}</span>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6">
          <el-form-item label="仓 库:">
            <span>{{ ruleFormDialog && ruleFormDialog.storageName }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="仓 位:">
            <span>{{ ruleFormDialog && ruleFormDialog.storageSiteName }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="预计交车时间:">
            <span>{{ ruleFormDialog && ruleFormDialog.yujcrq }}</span>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </el-dialog>
</template>

<script>

export default {
  props: {
    dialogVisible: {
      type: Boolean,
      default: () => false
    },
    ruleFormDialog: {
      type: Object,
      default: () => {
      }
    }
  },
  data() {
    return {}
  },
  methods: {
    handleClose() {
      this.$emit('set-visible', false)
    }
  }

}
</script>

<style scoped>

</style>
